<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style>
		/*头部网站*/
		
		.head {
			width: 900px;
			height: 100px;
			/*position: absolute;
			left: 100px;
			top: 20px;*/
			margin: 0 auto;
		}
		
		.logoH {
			width: 179px;
			height: 39px;
			float: left;
			margin-top: 20px;
		}
		
		.search {
			width: 200px;
			height: 200px;
			float: right;
			
			/*position: absolute;
			right: 70px;
			top: 0px;*/
		}
		
		#searchlogo {
			position: relative;
			top: 12px;
			right: 10px;
		}
		
		#text {
			height: 25px;
		}
		
		.navTop {}
		/*导航栏*/
		
		.navTop ul {
			/*			width: 1000px;*/
			height: 50px;
			list-style: none;
			/*margin: 0 auto;*/
			/*position: absolute;
			top:50px;
			left: 0px;*/
		}
		
		.nav_box {
			width: 980px;
			margin: 0 auto;
		}
		
		.navTop {
			height: 50px;
			background-image: url(img/images/nav_bg-line.png);
		}
		
		.navTop ul li {
			float: left;
		}
		
		.navTop ul a {
			height: 50px;
			text-decoration: none;
			display: inline-block;
			background: url("images/nav_bg-line.png") no-repeat right top;
			line-height: 50px;
			padding: 0 30px;
			color: #000;
			font-size: 15px;
			border-right: 1px solid gainsboro;
			margin: 0 auto;
		}
		
		.navTop ul a:hover {
			color: darkseagreen;
		}
		/*中间图片*/
		
		.main {
			width: 1100px;
			height: 600px;
			margin: 0 auto;
			/*position: absolute;
			top: 500px;*/
			text-align: center;
			/*position: relative;
             top: 115px;*/
		}
		/*公告栏*/
		
		.BTitle {
			width: 1300px;
			height: 25px;
			background-color: gainsboro;
			font-size: 5px;
			font-weight: bold;
			line-height: 25px;
			/*position: relative;
            top: 150px;
            left: -10px;*/
			margin: 50px auto;
			border-bottom: 1px solid gainsboro;
			border-top: 1px solid gainsboro;
		}
		/*.logo{
			position: relative;
			right: 200px;
		}*/
		
		.logo1 {
			width: 100px;
			height: 25px;
			text-align: center;
			/*position: absolute;
			right: 200px;
			top: 3px;*/
			float: right;
		}
		/*下部广告*/
		
		.BAd {
			width: 1200px;
			height: 200px;
			margin: 10px auto;
		}
		
		.leftAd {
			width: 300px;
			height: 200px;
			text-align: center;
			margin: 0 20px;
			float: left;
			position: relative;
			border: 1px solid gainsboro;
			font-size: 5px;
			font-weight: 200;
		}
		
		#leftimg {
			position: relative;
			top: 30px;
		}
		
		#leftarraw {
			position: absolute;
			top: 100px;
			left: 20px;
		}
		
		#rightarraw {
			position: absolute;
			top: 100px;
			right: 20px;
		}
		
		/*底部中间的广告*/
		
		.CenterAd {
			width: 300px;
			height: 200px;
			margin-bottom: 20px;
			float: left;
			border: 1px solid gainsboro;
		}
		
			.CenterLogo {
			width: 70px;
			height: 20px;
			/*position: relative;
			top: 15px;
			left: 5px;*/
			color: greenyellow;
			font-size: 5px;
			margin-bottom: 15px;
		}
		
		
			.textC span{
			display: block;
			width: 280px;
			height: 25px;
			border-bottom: 1px dashed gainsboro;
			margin: 0px 10px;
			font-size: 3px;
			font-weight: 200;
			
			/*position: relative;
			top: 20px;*/
		}
		
		
		
		/*下部分广告最右部分的 框架*/
		
		.RightAd {
			width: 300px;
			height: 200px;
			float: right;
			margin-right: 150px;
			/*position: relative;
			right: 150px;*/
			border: 1px solid gainsboro;
		}
		
		.rightLogo {
			display: block;
			/*position: relative;
			top: 20px;*/
			color: greenyellow;
			font-size: 5px;
		}
		
		.textR{
			width: 250px;
			height: 100px;
			margin: 5px auto;
		}
		
		.textR span {
             display: block;
			width: 250px;
			height: 25px;
			border-bottom: 1px dashed gainsboro;
			margin: 0 10px;
			font-size: 3px;
			font-weight: 200;
			/*position: relative;
			top: 20px;*/
		}
		
		.company{
			width: 250px;
			height: 50px;
			margin: 25px auto;
			font-weight: 200;
			font-size: 5px;
		}
		
		.BottonLoge {
			width: 70px;
			height: 20px;
			position: absolute;
			top: 15px;
			left: 5px;
		}	
		
		/*下部分文字*/
	
		.botton {
			height: 300px;
			background-color: rgb(34, 34, 34);
			
		}
		
		.textBotton1 {
			width: 600px;
			height: 50px;
			position: relative;
			top: 30px;
			left: 40px;
		}
		
		.textBotton1 span {
			color: whitesmoke;
			float: left;
			font-weight: 200;
			margin: 0 25px;
		}
		
		.textBotton2 {
			width: 600px;
			height: 50px;
			position: relative;
			top: 45px;
			left: 40px;
		}
		
		.textBotton2 span {
			color: gray;
			float: left;
			margin: 0 25px;
		}
	</style>

	<body>

		<!--头部网站头-->
		<div class="all">
			<div class="head">
				<div class="logoH"><img src="img/images/logo.jpg" /></div>
				<div class="search">
					<input id="text" type="text" value="请输入..." />
					<img id="searchlogo" src="img/images/search2.jpg" />
				</div>
			</div>
			<!--导航栏-->
			<div class="navTop">
				<div class="nav_box">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">智能手机</a></li>
						<li><a href="#">平板电脑</a></li>
						<li><a href="#">配件</a></li>
						<li><a href="#">服务支持</a></li>
						<li><a href="#">关于合尚</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--中间图片-->
		<div class="main">
			<img src="img/images/banner.jpg" />
		</div>
		<!--公告栏-->
		<div class="BTitle">
			<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				最近公告:尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网</span>
			<div class="logo1"> <img class="logo" src="img/images/zone.png" /><img src="img/images/weibo.png" /><img class="logo" src="img/images/xinlang.png" /><img class="logo" src="img/images/renren.png">
			</div>
       </div>
			<div class="BAd">
				<div class="BottonL">
					<div class="leftAd">
						<img id="leftarraw" src="img/images/left.png" />
						<img id="rightarraw" src="img/images/right.png" />
						<div class="BottonLoge">
							<img src="img/images/o.jpg" />
							<span>新品发布</span>
						</div>
						<img id="leftimg" src="img/images/home_hot_01.png" />
					</div>
				</div>
				<div class="CenterAd">
					<div class="CenterLogo">
						<img src="img/images/o.jpg" />
						<span>新闻中心</span>
					</div>
					<div class="textC">
					<span>致歉公告</span>
					<span>首批尚合Aonet已全部售馨!</span>
					<span>【媒体报导】国产高性价比 尚合Aonet四核手机评测</span>
					<span>我司产品已经通过了国家强制性产品3C认证</span>
					<span>尚合Aone智能手机入网证已经获工信部门审批下发.</span>
					<span>我司通过ISO9001:2008国际质量管理体系认证</span>
					</div>
				</div>
				<div class="RightAd">
					<div class="rightLogo">
						<img src="img/images/o.jpg" />
						<span>技术支持</span>
					</div>
					<div class="textR">
					<span><img src="img/images/后台页面-竖杠.png" />售后服务</span>
					<span><img src="img/images/后台页面-竖杠.png" />投诉与建议</span>
					<span><img src="img/images/后台页面-竖杠.png" />联保网点</span>
					<span><img src="img/images/后台页面-竖杠.png" />常见问题FAQ</span>
				    </div>
						<span>
							<div class="company">
							深圳市汇聚众合科技发展有限公司<br>服务热线：400-633-7922
							</div>
						</span>
					</div>
				</div>
			
			<div class="botton">
				<div class="textBotton1">
					<span>尚合首页</span>
					<span>尚合首页</span>
					<span>尚合首页</span>
					<span>尚合首页</span>
				</div>
				<div class="textBotton2">
					<span>返回首页</span>
					<span>返回首页</span>
					<span>返回首页</span>
					<span>返回首页</span>
				</div>
			</div>
	</body>

</html>